<!--Header Start-->
                <div id="header">

                    <div class="logo-part">

                        <!--Logo Start-->
                        <div class="logo"><a href="index-2.html"><img src="images/logo1.png" width="395" height="69" alt="" /></a></div>
                        <!--Logo End-->

                        <div class="search-part">

                            <div class="search">

                                <!--Search Start-->
                                <div class="search-inner">
                                    <input name="textfield" type="text" value="Search wieldstrem University" onfocus="if (this.value == 'Search wieldstrem University') {
            this.value = '';
        }" onblur="if (this.value == '') {
            this.value = 'Search wieldstrem University';
        }" class="search-input-bg" id="textfield"  />
                                </div>
                                <!--Search End-->

                                <!--Social Media Start-->
                                <div class="social-media">
                                    <ul>
                                        <li> <a href="#"><img src="images/facebook.png" width="27" height="28" alt="" /> </a></li>
                                        <li> <a href="#"><img src="images/twitter.png" width="27" height="28" alt="" /> </a></li>
                                        <li> <a href="#"><img src="images/google%2b.png" width="27" height="28" alt="" /> </a></li>
                                        <li> <a href="#"><img src="images/youtube.png" width="27" height="28" alt="" /> </a></li>
                                        <li> <a href="#"><img src="images/dribbble.png" width="27" height="28" alt="" /> </a></li>
                                    </ul>
                                </div>
                                <!--Social Media End-->

                            </div>

                            <!--Top Menu Start-->
                            <div class="top-menu">
                                <ul>
                                    <li><a href="#">A-Z  Site Index</a></li>
                                    <li><a href="#">Campus Map &amp; Location</a></li>
                                    <li><a href="#">Directory</a></li>
                                    <li><a href="#">Blog</a></li>
                                    <li><a href="#">Help</a></li>
                                </ul>
                            </div>
                            <!--Top Menu End-->

                        </div>

                    </div>


                    <!--Menu Start-->
                    <div class="menu-part">


                        <div class="menu">

                            <div class="menu-inner">
                                <ul id="main_menu">
                                    <li><a href="index-2.html">Home</a></li>
                                    <li><a href="about.html">Login</a></li>                                  
                                    <li><a href="compus-life.html">About Us</a></li>
                                    <li><a href="compus-life.html">Contact</a></li>
                                    
                                    <li style="background:none; padding-right:0px;"><a href="#">Enroll - Subscribe</a>
                                        <ul>
                                            <li><a href="location.html">Enroll</a></li>
                                            <li><a href="blog.html">Un-Enroll</a></li>
                                            <li><a href="location.html">Subscribe</a></li>
                                            <li><a href="blog.html">Un-Subscribe</a></li>
                                        </ul>
                                    </li>
                                    
                                </ul>
                            </div>

                        </div>

                        <!--Apply Now Part Start-->
                        <div class="apply"><a href="#"><img src="images/apply-now-buttion.png" width="280" height="60" alt="" /></a></div>
                        <!--Apply Now Part End-->

                    </div>
                    <!--Menu End-->

                    <!--Banner Part Start-->
                    <div class="banner-part">

                        <div id="outerslider">
                            <div class="container">
                                <div id="slidercontainer" class="twelve columns">

                                    <section id="slider">
                                        <div class="line-op"></div>
                                        <div id="layerslider" class="slideritems">

                                            <div class="ls-layer" id="ls-layer-1" data-rel="slidedelay: 3000;">
                                                <img class="ls-bg" src="images/banner1.png" alt="layer" />
                                                <h1 class="ls-s3" id="slide1text1">Change your Education</h1>
                                                <p class="slidetext ls-s4" id="slide1p1" >Lorem Ipsum is simply dummy text of the printing and typesetting industry.  </p>
                                            </div>

                                            <div class="ls-layer" id="ls-layer-2" data-rel="slidedelay: 3000;">

                                                <img class="ls-bg" src="images/banner2.png" alt="layer" />
                                                <h1 class="ls-s3" id="slide2text1">New Way Yours</h1>
                                                <p class="slidetext ls-s4" id="slide2p1">Lorem Ipsum is simply dummy text of the printing and typesetting industry.  </p>
                                            </div>

                                            <div class="ls-layer" id="ls-layer-3" data-rel="slidedelay: 3000;">

                                                <img class="ls-bg" src="images/banner3.png" alt="layer" />
                                                <h1 class="ls-s3" id="slide3text1" >University experience</h1>
                                                <p class="slidetext ls-s4" id="slide3p1">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>

                                            </div>

                                            <div class="ls-layer" id="ls-layer-4" data-rel="slidedelay: 3000;">

                                                <img class="ls-bg" src="images/banner4.png" alt="layer" />
                                                <h1 class="ls-s3" id="slide3text1" >We Are Offer Course</h1>
                                                <p class="slidetext ls-s4" id="slide3p1" >Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>

                                            </div>

                                        </div>

                                    </section>

                                </div>
                            </div>
                        </div>

                    </div>
                    <!--Banner Part End-->

                </div>
<!--Header End-->